<template>
  <div :class="column === 4 ? 'c_info_4' : 'c_info_3'">
    <img :src="picsrc" alt="" />
    <p style="lineHeight:26px">{{ content }}</p>
  </div>
</template>

<script>
export default {
  name: "HoverTab",
  props: {
    name: {
      type: String,
      default: "buka",
    },
    content: {
      type: String,
      default: "补卡",
    },
    picsrc: {
      type: String,
      default: "aa",
    },
    column: {
      type: Number,
      default: 4,
    },
  },
};
</script>

<style lang="stylus" rel="stylesheet/stylus" scoped>
.c_info_4{
      margin 0 15px
      img{
        width 40px
        height 40px
        margin-top 15px
      }
    }
    .c_info_3{
      width 18vw
      margin 0 6vw
      img{
            width 24px
            height 26px
            margin-top 10px
        }
    }
</style>
